<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<form action="" method="post">
			
			<!-- label：：聚焦文本框 -->
			<label for="u">账号：</label>
			<!-- text：文本框 -->
			
			<input type="text" id="u" required><br>
			
			<!-- disabled：：此属性为禁用 -->
			密码：<input type="text" disabled/><br>
			
			<!-- readonly：只能读 -->
			密码2：<input type="text" value="只能读" readonly /><br>
			
			<!-- placeholder::文本框内容有提示内容 -->
			密码3：<input type="text" value="请输入密码" placeholder/><br>
			
			<!-- required：： 必填项 -->
			密码4:<input type="text" value="这是必填项" required><br>
			
			
			<!-- checkbox：：复选框 -->
			技能:
			<input type="checkbox" name="skill" id="checkbox" value="python" />python 
			<input type="checkbox" name="skill1" id="checkbox" value="python" />java <br>
			
			<!-- radio：：单选框 -->
			性别：
			男：<input type="radio" name="sex" id="sex" value="男" />
			女：<input type="radio" name="sex" id="sex" value="女" /><br>
			
			<!-- date：：日期 -->
			<p>
				日期：<input type="date" name="date" id="date"  />
				
			</p>
			
			<!-- color::颜色 -->
			<p>
				颜色：<input type="color" />
			</p>
			
			<!-- file：：文件上传 -->
			<p>
				<input type="file" />
			</p>
			
			<!-- butoon：：按钮 -->
			<p>
				<input type="button" value="按钮" />
				<button type="button">我也是按钮</button>
			</p>
			<input type="submit" id="submit" name="提交" />
			
			<!-- reset：：重制表单 -->
			<input type="reset"  />
			
			<!-- 隐藏的表单 -->
			<input type="hidden" name="token" id="" value="jk222ii" /><br>
			
			
			<!-- textarea：：富文本 -->
			<label for='info'>个人介绍</label>
			<textarea rows="10" cols="100" id="info"></textarea>
			<p>
				
				收货地址：
				<!-- select：定义下拉框 -->
				<select name="address">
					
					<option value ="北京">北京</option>
					<option value ="深圳">深圳</option>
				</select>
			</p>
				
		</form>
	</body>
</html>
